<!--
 * @Descripttion: 
 * @version: 
 * @Author: Ansel
 * @Date: 2020-03-15 17:57:23
 * @LastEditors: Ansel
 * @LastEditTime: 2020-03-15 18:09:27
 -->
<template>
  <el-card>
    <div class="project">
      <label for>考场安排</label>
      <div class="select">CET</div>
      <div class="el-icon-arrow-down icon"></div>
    </div>
    <!-- <div class="test">参加考试</div>
    <hr style="opacity:0.3;margin-top:50px"> -->
    <el-table
      ref="multipleTable"
      tooltip-effect="dark"
      border
      :data="
      tableData"
      style="width: 100%;font-color:black;margin-top:20px"
    >
      <el-table-column label="工号" prop="teaid" sortable></el-table-column>
      <el-table-column label="姓名" prop="name" sortable></el-table-column>
      <el-table-column label="考试名称" prop="id" sortable></el-table-column>
      <el-table-column label="第一考场安排" prop="time" sortable></el-table-column>
      <el-table-column label="第二考场安排" prop="status" sortable></el-table-column>
    </el-table>
    <div class="page">
      <div class="last">上一页</div>
      <div class="thisPage">1</div>
      <div class="next">下一页</div>
    </div>
  </el-card>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
          teaid:"000001",
          name: "张先亮",
          id: "CET",
          time: "本部11号楼318",
          status: "无"
        }
      ]
    };
  }
};
</script>
<style>
thead .cell {
  color: black;
}
.test{
    float: right;
    width: 80px;
    /* height: 20px; */
    font-size:18px;
    background-color: red;
    color: white;
    margin-bottom: 20px;
}
.project{
    display: flex;
}
.project .select{
    margin-left: 150px;
    height: 20px;
    width: 500px;
    padding-left: 5px;
    padding-top: 3px;
    align-items: center;
    border: 1px solid #EBEEF5;
}
.project .icon{
    border: 1px solid black;
    padding-top: 5px;
    /* transform: rotate(90deg); */
}
.page {
  margin: 20px auto 0;
  display: flex;
  height: 24px;
  width: 120px;
  text-align: center;
  box-sizing: border-box;

  /* font-size: 16px; */
  /* border: 1px solid black; */
}
.page .last {
  width: 50px;
  box-sizing: border-box;
  border: 1px solid black;
}
.page .thisPage {
  width: 20px;
  color: white;
  text-align: center;
  padding-top: 2px;
  background-color: black;
  box-sizing: border-box;
  border: 1px solid black;
}
.page .next {
  width: 50px;
  box-sizing: border-box;
  border: 1px solid black;
}
</style>